<template>
  <div class="msg-main">
    <div class="msg-main-item">
      <img src="@/assets/icon/message/announce.svg">
      <span>公告通知</span>
    </div>
    <div class="msg-main-item">
      <img src="@/assets/icon/message/pay.svg">
      <span>付费通知</span>
    </div>
    <div class="msg-main-item">
      <img src="@/assets/icon/message/product.svg">
      <span>产品通知</span>
    </div>
  </div>
</template>

<script>
export default {
  name:"msgmain",
}
</script>

<style lang="less">
.msg-main-item {
  display: flex;
  border-bottom: 1px solid rgb(189, 187, 187);
  img {
    margin: 15px 10px;
  }
  span {
    margin-left: 10px;
    margin-top: 15px;
    width: 80px;
    height: 29px;
    color: rgba(16, 16, 16, 100);
    font-size: 20px;
    text-align: left;
    font-family: PingFangSC-regular;
  }
}
</style>